/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}
.container{
	width: 100%;	
	height:100%;
}
.tab{
	width: 100%;	
	height: 100%;
}
.tabPanel{
	width:100%;
	height:100%;
	margin-bottom: 0px;
}
.sendButton {
  display: block;
  font-size: 16pt;
}
.uploadSquare{
	margin: 10px;
	border-style: groove;
}
.loginPopUp{
	height:600px;
	width:600px;	
}
.header{
	width:100%;
	height:70px;
	background-color:#CCC ;
	
}
.name{
	font-size: medium;
}
.tmpImg{
	cursor: pointer;
	max-height: 100px;
	padding: 5px;	
}

.nextimgbutton{
	text-align: right;
	float:right;
}
.closeimgbutton{
	text-align: center;
}
.nextimgpanel{
	width: 100%;	
}
.buttonpopup{
	width: 100%;
	text-align: right;
	position: static;
}
.popUpSize{
	width: 400px;	
}
.boxLink{

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.link{
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.link-over{
	cursor: pointer;
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	background-color: #E6E6E6;
}


.box{
	width: 400px;
}
.box.hover{
	border-color: #00ff00;
}


.fileType{
	width: 100px;
}

.fileSize{
	width: 130px;
}

.fileModified{
		width: 240px;
}

.labelName{
	
}
/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
